Ext.define('HGMIDE.view.IDEDeviceListPanel', {
			extend : 'Ext.Panel',
			xtype : 'ideDeviceListPanel',
			requires : ['HGMIDE.view.DeviceList', 'Ext.SegmentedButton'],
			config : {
				id : 'deviceListPanel',
				hidden : true,
				width : '320px',
				height:'45px',
				cls : 'overlay',
				items : [{
					xtype : 'titlebar',
					height:'45px',
					items : [{
								id : 'deviceListTitle',
								xtype : 'label',
								html : I18N.device_list,
								align : 'left'
							}, {
								id : 'runMode',
								align : 'right',
								xtype : 'segmentedbutton',
								items : [{
											text : 'Debug',
											pressed : true
										}, {
											text : 'Release'
										}],
								listeners : {
									toggle : function(container, button,
											pressed) {
										if (pressed) {
											Util.runMode = button.getText() == 'Debug'
													? 'debug'
													: 'release';
										}
									}
								}
							}]
				}, {
					id : 'devicesConnected',
					xtype : 'devicelist'
				}]
			}
		});
